.box {
    overflow: auto;
    // height: 100%;
    padding: 8px;
    display: flex;
    justify-content: space-around;
    flex-flow: wrap;
    width: 600px;
    margin: 0 auto;
    height: 400px;
    border: brown 3px solid;

    .imgBox {
        background-color: brown;
    }

    .imgItem {
        width: 200px;
        display: block;
    }
}

.barStyle {
    &::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 14px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 10px;
        // padding: 2px;
        margin: 2px;
        padding: 2px;
    }

    &::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        // -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: #c4bfbf;
        width: 10px;
        margin: 2px;
        padding: 2px;
    }

    &::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        // -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 14px;
        background: #fff;
        width: 10px;
        padding: 2px;
        margin: 2px;
    }
}